{% load static %}
<link rel="stylesheet" href="{% static 'css/login.css' %}">
<html>
<head>
    <title>选择身份</title>
    <!-- 加载 Bootstrap 和 jQuery -->
    <link rel="stylesheet" href="{% static '/bootstrap/css/bootstrap.min.css' %}">
    <script src="{% static '/bootstrap/js/jquery-3.6.1.min.js' %}"></script>
    <script src="{% static '/bootstrap/js/bootstrap.min.js' %}"></script>
</head>
<body>
<div class="container mt-5">
    <h1>选择您的身份</h1>
    <div class="form-check">
        <input type="radio" class="form-check-input" name="identity" value="2">
        <label class="form-check-label">招聘者</label>
    </div>
    <div class="form-check">
        <input type="radio" class="form-check-input" name="identity" value="0">
        <label class="form-check-label">求职者</label>
    </div>
    <button id="submitBtn" class="btn btn-primary">继续</button>
</div>

<script>
    $(document).ready(function () {
        $("#submitBtn").click(function () {
            var selectedIdentity = $("input[name='identity']:checked").val();
            if (selectedIdentity) {
                // 用户已选择身份，可以将其发送到服务器进行处理
                // 这里可以使用 AJAX 请求或重定向到适当的 URL

                // 使用 AJAX 请求的示例
                $.ajax({
                    type: "POST", // 使用POST请求
                    url: "/user/choose_identity/", // 向服务器发送身份信息的URL，根据你的URL进行修改
                    data: {
                        identity: selectedIdentity, // 发送选择的身份信息
                        csrfmiddlewaretoken: '{{ csrf_token }}' // Django CSRF令牌
                    }
                });
            } else {
                alert("请选择您的身份");
            }
        });
    });
</script>

<script>
    // 获取"继续"按钮元素
    var submitBtn = document.getElementById("submitBtn");

    // 添加点击事件监听器
    submitBtn.addEventListener("click", function () {
        // 在点击事件中刷新页面
        location.reload();
    });
</script>

</body>
</html>
